<template>
  <swipers :images="images" :menu="menu" :isFull="true"></swipers>
</template>

<script>
import swipers from "../sub-components/swipers.vue";

import img1 from "../../images/img1.png";
import menu1 from "../../images/menu1.png";
import menu2 from "../../images/menu2.png";
import menu3 from "../../images/menu3.png";
import menu4 from "../../images/menu4.png";
import menu5 from "../../images/menu5.png";
import menu6 from "../../images/menu6.png";

export default {
  data() {
    return {
      images: [
        "https://img.yzcdn.cn/vant/apple-1.jpg",
        "https://img.yzcdn.cn/vant/apple-2.jpg",
        img1,
      ],
      menu: [
        { id: 1, img: menu1, txt: "新闻资讯", url: "newslist" },
        { id: 2, img: menu2, txt: "图片分享", url: "photolist" },
        { id: 3, img: menu3, txt: "商品购买", url: "goodlist" },
        { id: 4, img: menu4, txt: "留言反馈", url: "feedback" },
        { id: 5, img: menu5, txt: "视频专区", url: "video-area" },
        { id: 6, img: menu6, txt: "联系我们", url: "Aboutus" },
      ],
    };
  },
  components: {
    swipers: swipers,
  },
  // created() {
  //   this.getlunbotu();
  // },
  // methods: {
  //   async getlunbotu() {
  //     const { data } = await this.$http.get("/api/getlunbo");
  //     console.log(data);
  //   },
  // },
};
</script>

<style  scoped>
</style>